<template>
  <div>
      <nav-bar name="We重邮"></nav-bar>
      <div class="news">
      <div class="new-item"><svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-gonggao"></use>
        </svg>
          <div>教务公告</div>
          </div>
      <div class="new-item"> <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-zhongyuan_fuzhi-"></use>
        </svg><div>学术讲座</div></div>
      <div class="new-item"> <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-xinwen3"></use>
        </svg><div>综合新闻</div></div>
      <div class="new-item"> <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-dongtai1"></use>
        </svg><div>教学动态</div></div>
      <div class="new-item"> <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-xuesheng"></use>
        </svg><div>学生工作</div></div>
       
      </div>
      
   <div class="jtnew" v-for="item in 8" :key="item">
       <span>关于对2020-2021学期生...</span>
       <div><svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-gonggao"></use>
        </svg></div>
   </div>
 <tab-bar></tab-bar>
  </div>
 
</template>

<script>
import tabBar from "@/components/tabBar";
import navBar from '@/components/navbar'
export default {
  components: {
    tabBar,
    navBar
  },
};
</script>
<style scoped>
 .news {
     margin-top: 10px;
     display: flex;
 }
 .news .new-item{
     margin-left:10px;
  background-image: linear-gradient(rgb(132, 212, 225), rgb(119, 223, 178));
     text-align: center;
     width: 70px;
     height: 70px;
     color: white;
 }
.icon{
     margin-top: 10px;
     width: 2em;
     height: 2em;
 }
 .jtnew {
     padding:5px;
     margin: 15px auto;
     width: 95%;
     height: 60px;
     background-color: rgb(103,214,192);
     color: white;
     font-size: 24px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-radius: 5px;

 }

.jtnew .icon{
    padding: 10px;
     width: 1.5em;
     height: 1.5em;
     border-left: 1px solid white;
     
 }

</style>